<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <STYLE>
         table{
             width: 80%;
             margin: 0 auto;

         }
         table,th,td{
             border: 1px solid red;
             border-collapse: collapse;

         }
         h3{
            text-align: center;
         }
         td{
             text-align: center;
         }
    </STYLE>
</head>
<body>
<h3>学生信息表 </h3>
 <table>
     <tr>
         <td>姓名</td>
         <td>学号</td>
         <td>性别</td>
         <td>年龄</td>
         <td>班级</td>
     </tr>
<tbody>
        <td>张三</td>
        <td>2102</td>
        <td>男</td>
        <td>21</td>
        <td>计算机1班</td>
</tbody>

 </table>
<script>
 var students=
 [
    {
     name:'lisi',
     stuNo:2101,
     sex:"男",
     age:21,
     room:'计算机一般'

    },
    {
     name:'lishi',
     stuNo:2111,
     sex:"男",
     age:2,
     room:'计算机一般ban'
    }
 ]
 for (var index = 0; index <students.length  ; index++) {
     console.log(students[index])
 }


</script>
</body>
</html>